<div class="pub-body">
  <!-- 资产列表 -->
  <div class="project">
    <el-table :data="projectData" border style="width: 100%"
              :header-cell-style="{background:'#eef1f6',color:'#606266'}">
      <el-table-column prop="status" label="项目状态" style="width: 100px">
        <template
           slot-scope="scope">
          <!-- <el-button type="danger" v-if="1" circle></el-button>                    -->
          <el-button :type="scope.row.status ==='1' ? 'danger' : 'success'"
                     circle></el-button>
        </template>
      </el-table-column>
      <el-table-column prop="contractNo" label="项目ID"></el-table-column>
      <el-table-column prop="assetName" label="项目名称"></el-table-column>
      <el-table-column prop="assetType" label="项目类型"></el-table-column>
      <el-table-column prop="startTime" label="计划开始时间"></el-table-column>
      <el-table-column prop="endTime" label="计划结束时间"></el-table-column>
      <el-table-column prop="taskNum" label="正在进行任务数量"></el-table-column>
      <el-table-column prop="finish" label="完成进度"></el-table-column>
      <el-table-column fixed="right" label="操作" width="160">
        <template slot-scope="scope">
          <el-button @click="dialogAsset(scope.row)" type="primary"
                     icon="el-icon-tickets" size="small">更新项目进展
          </el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>

  <!-- 资产信息弹窗 -->
  <el-dialog width="500px" title="节点进展"
             :visible.sync="dialogAssetAdd.status">
    <el-row :gutter="20">
      <el-col :span="24">
        <div class="projectNodeList">
          <h3><i class="el-icon-info"></i>进行中</h3>
          <div class="list">
            <el-card v-for="item in processingNode" :key="item.nodeName"
                     shadow="hover">
              <div class="node-info">
                <span>节点状态：<el-button size="small" type="danger" v-if="1" circle></el-button></span>
                <span>节点名称：{{item.nodeName}}</span>
                <span>责任部门：{{item.responsibleDepartment}}</span>
                <span>更新进度：{{item.plannedHours}}</span>
              </div>
              <div class="node-btn">
                <el-button @click="nodeInfoMore(item,0)" type="primary"
                           icon="el-icon-tickets" size="mini">查看详情
                </el-button>
<!--                <el-button type="primary" icon="el-icon-tickets" size="mini">-->
<!--                  催促办理-->
<!--                </el-button>-->
              </div>
            </el-card>
            <el-card shadow="hover">
              <div>
                <el-button @click="" type="primary" icon="el-icon-tickets" size="mini">更新新进度</el-button>
              </div>
            </el-card>
          </div>
        </div>
      </el-col>
<!--      <el-col :span="12">-->
<!--        <div class="projectNodeList">-->
<!--          <h3><i class="el-icon-success"></i>已完成</h3>-->
<!--          <div class="list">-->
<!--            <el-card v-for="item in completedNode" :key="item.nodeName"-->
<!--                     shadow="hover">-->
<!--              <div class="node-info">-->
<!--                <span>节点名称：{{item.nodeName}}</span>-->
<!--                <span>责任部门：{{item.responsibleDepartment}}</span>-->
<!--                <span>计划工时：{{item.plannedHours}}</span>-->
<!--              </div>-->
<!--              <div class="node-btn">-->
<!--                <el-button @click="nodeInfoMore(item,1)" type="primary"-->
<!--                           icon="el-icon-tickets" size="mini">查看详情-->
<!--                </el-button>-->
<!--              </div>-->
<!--            </el-card>-->
<!--          </div>-->
<!--        </div>-->
<!--      </el-col>-->
    </el-row>
  </el-dialog>

  <!--项目节点列表弹窗-->
<!--  <el-dialog width="80%" title="节点详情" :visible.sync="dialogAssetAdd.status">-->
<!--    <el-table :data="nodeData" row-key="id" :indent="4" border-->
<!--              style="width: 100%"-->
<!--              :header-cell-style="{background:'#eef1f6',color:'#606266'}">-->
<!--      <el-table-column prop="id" label="节点序号" width="180"></el-table-column>-->
<!--      <el-table-column prop="label" label="节点名称" width="180"></el-table-column>-->
<!--      <el-table-column prop="level" label="节点等级" width="80"></el-table-column>-->
<!--      <el-table-column prop="startTime" label="计划开始时间"></el-table-column>-->
<!--      <el-table-column prop="endTime" label="计划结束时间"></el-table-column>-->
<!--      &lt;!&ndash;      <el-table-column prop="actualStartTime" label="实际开始时间"></el-table-column>&ndash;&gt;-->
<!--      &lt;!&ndash;      <el-table-column prop="actualEndTime" label="实际结束时间"></el-table-column>&ndash;&gt;-->
<!--      <el-table-column prop="plannedHours" label="计划工时"></el-table-column>-->
<!--      &lt;!&ndash;      <el-table-column prop="precondition" label="前置条件"></el-table-column>&ndash;&gt;-->
<!--      <el-table-column prop="responsibleDepartment"-->
<!--                       label="责任部门"></el-table-column>-->
<!--      &lt;!&ndash;      <el-table-column prop="desc" label="备注"></el-table-column>&ndash;&gt;-->
<!--      <el-table-column fixed="right" label="操作" width="160">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button @click="dialogNodeInfo.status=true" type="primary"-->
<!--                     icon="el-icon-edit-outline" size="mini">更新进度-->
<!--          </el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
<!--    <el-row type="flex" justify="end" style="margin-top: 20px">-->
<!--      <el-button type="primary" @click="">确认</el-button>-->
<!--      <el-button @click="dialogCompany.status=false">取消</el-button>-->
<!--    </el-row>-->
<!--  </el-dialog>-->

  <!-- 节点弹窗 -->
  <el-dialog title="更新节点进度" :visible.sync="dialogNodeInfo.status">
    <el-form ref="nodeFrom" :model="nodeFrom" label-width="160px">
      <el-form-item prop="nodeName" label="节点名称">
        <el-input style="width: 380px;" placeholder="请输入节点名称"
                  v-model="nodeFrom.nodeName"></el-input>
      </el-form-item>
      <!--                <el-form-item label="实际开始/结束时间">-->
      <!--                    <el-date-picker style="width: 380px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="separateTime(1)" v-model="timeValueActual" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>-->
      <!--                </el-form-item>-->
      <el-form-item prop="plannedHours" label="更新进度">
        <el-input style="width: 380px;" placeholder="请输入进度"
                  v-model="nodeFrom.plannedHours"></el-input>
      </el-form-item>
      <!--                <el-form-item prop="precondition" label="前置条件">-->
      <!--                    <el-input style="width: 380px;" placeholder="请输入前置条件" v-model="nodeFrom.precondition"></el-input>-->
      <!--                </el-form-item>-->
      <el-form-item prop="desc" label="备注">
        <el-input type="textarea" :rows="3" style="width: 380px;"
                  placeholder="请输入备注" v-model="nodeFrom.desc"></el-input>
      </el-form-item>
      <el-form-item prop="desc" label="上传附件">
        <el-upload class="upload-demo" action="/" :on-preview="handlePreview"
                   :on-remove="handleRemove" :before-remove="beforeRemove"
                   multiple :limit="3" :on-exceed="handleExceed"
                   :file-list="fileList">
          <el-button size="small" type="primary">点击上传</el-button>
        </el-upload>
      </el-form-item>
      <el-form-item v-if="dialogNodeInfo.type == 0">
        <el-button type="success" icon="el-icon-check"
                   @click="completedNodeFrom(0)">更新节点
        </el-button>
      </el-form-item>
      <el-form-item v-if="dialogNodeInfo.type == 1">
        <el-button type="danger" icon="el-icon-circle-close"
                   @click="completedNodeFrom(1)">打回节点
        </el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</div>
